<template>
  <div class="main">
    <system-info></system-info>
    <landing-page></landing-page>
  </div>
</template>

<script>
import SystemInformation from '@/components/landing'
import LandingPage from '@/components/loadpage'
const {ipcRenderer} = require('electron')

export default {
  name: 'index',
  components: {
    'system-info': SystemInformation,
    'landing-page': LandingPage
  },
  mounted () {
    this.islisten()
  },
  methods: {
    islisten () {
      ipcRenderer.on('pingpong', (e, d) => {
        console.log('pingpong', d)
      })
    }
  }
}
</script>

<style>
 .main{
   display: flex;
   flex-direction: column;
 }
 ul,li{
   list-style: none;
   padding: 0;
   margin: 0;
 }
</style>


